<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<script>
$(document)
	.ready(
		function() {
			$('#${current_page}').css('background-color', '#E5ECF9').css('font-weight', 'bold');
		}
		);
</script>

	<div id="header">
		Payroll Management System Dashboard
		<div id="divLogonUserPanel">
			<span id="spUserEmail">${userEmail}</span> | <a href="https://www.google.com/accounts/ManageAccount">My Account</a> | <a href="https://appengine.google.com/_ah/logout">Sign out</a>
		</div>
	</div>
	<div style="height: 30px; background-color: #E5ECF9; border-top: 1px solid #3366CC; margin-bottom: 5px;"></div>
	<div id="tabs" class="ui-tabs-vertical">
		<div style="margin-left:20px;">Main</div>
		<ul id="sideNav" class="ui-tabs-nav">
			<li><a id="tabDashBoard" href="${pageContext.request.contextPath}/mvc/dashboard">Dashboard</a></li>
			<li><a id="tabTasks" href="${pageContext.request.contextPath}/mvc/task">My Tasks</a></li>
			<c:if test="${curTaskId != null}">
				<li><a id="tabTaskDetail" style="margin-left:10px;" href="${pageContext.request.contextPath}/mvc/task/${curTaskId}">Task ${curTaskId} Detail</a></li>
			</c:if>
			<li><a id="tabProcDefs" href="${pageContext.request.contextPath}/mvc/processDefinitions">Defined Processes</a></li>
			<li><a id="tabProcInsts" href="${pageContext.request.contextPath}/mvc/processInstances">Running Process Instances</a></li>
			<c:if test="${curProcInstanceId != null}">
				<li><a id="tabProcInstTask" style="margin-left:10px;" href="${pageContext.request.contextPath}/mvc/processInstances/${curProcInstanceId}/tasks">Process ${curProcInstanceId} Instance</a></li>
			</c:if>
		</ul>
	</div>